/* 左侧广告 */
*{
    padding: 0;
    margin: 0 auto;
    text-decoration: none;
    list-style: none;
}
body{
    min-width: 1200px;
}
.poster{
    width: 228px;
    height: 180px;
    position: relative;
    float: right;
    margin-right: 180px;
    background: rgba(225, 225, 225, 0.8);
    margin-top: 10px;
    z-index: 13;
}
.poster .tit{
    width: 198px;
    height: 36px;
  font-size: 12px;
  margin-top: 10px;
}
.poster .tit>a{
    float: right;
    color: #555;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.poster .tit>a:hover{
    color: #FF6699;
    text-decoration: underline;
}
.poster>ul{
    width: 198px;
    height: 144px;
    margin-left: 30px;
}
.poster>ul>li{
    list-style: disc;
}
.poster>ul>li>a{
    font-size:12px ;
    color: #555;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.poster>ul>li>a:hover{
    color: #FF6699;
    text-decoration: underline;
}
.poster .join{
    width: 226px;
    height: 177px;
    position: absolute;
    bottom: -177px;
    z-index: 13;
}
.poster .footer{
        width: 228px;
        height: 33px;
        position: absolute;
        bottom: -210px;
        background: #686868;
        color: #fff;
        font-size: 12px;
        line-height: 33px;
        text-align: center;

    }
    .poster .footer:hover .wifi{
          display: block;
    }
    .poster .footer:hover{
        cursor: pointer;
    }
    .poster .wifi{
        margin-top:0px ;
        position: relative;
        z-index: 13;
        display: none;
    }
/* 左侧广告结束 */
/* 轮播图开始 */
.in-banner{
    position: relative;
    min-width: 1200px;
    min-height: 420px;
}
.unslider-wrap{
    position: relative;
    display: block;
}
.unslider-wrap li{
    height: 420px;
    top: 0;
    right: 0;
    left: 0;
    float: left;
    background: url(../img/bg-01.jpg) no-repeat -200px 0px;
    position: absolute;
    z-index: 1;
}
@keyframes bannera1 {
    0%{background-color: #FF6699;}
    50%{background-color: #fff;}
    100%{background-color: #fff;}
}
.circle .banner1{
animation:bannera1 3s infinite alternate;
}
.circle .banner2{
animation:bannera1 3s infinite alternate;
animation-delay:1.5s;
}
.circle .banner3{
animation:bannera1 3s infinite alternate;
animation-delay:2.58s;
}
.circle .banner4{
animation:bannera1 3s infinite alternate;
animation-delay:3.5s;
}
.circle .banner5{
 animation:bannera1 3s infinite alternate;
 animation-delay:4.5s;
}
.circle{
    position: absolute;
    bottom: 20px;
    left: 700px;
    z-index: 2;
}

.circle a{
    display: block;
    float: left;
    height: 10px;
    width: 10px;
    border-radius: 50px;
    background: #fff;
    margin-left: 10px;
    
}
.circle a:focus {
    background-color: #FF6699;
}
/* 轮播图结束 */
/* 推荐商品列表 */
.wrapper{
    width: 1200px;
}
.hot-barnd .headline{
    color: #666666;
    margin: 25px 0 10px 0px;
    padding-left: 10px;
    border-left:4px solid #84AF9B;
}
.hot-barnd span{
    color:#7B9281 ;
    font-weight: normal;
    font-size: 18px;
    font-family:"titfont";
}

.clearfix li{
    float: left;
    position: relative;
    width: 240px;
    z-index: 12;
}
.hot-barnd{
    height: 465px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.clearfix li .logo{
    height: 93px;
    width: 104px;
    position: absolute;
    left: 70px;
    bottom: 120px;
    z-index: 12;
}
.clearfix li .logo>.logo1{
    position: absolute;
    transform: translate(-50%,0px);
    left: 50%;
    top: 50px;
    z-index: 12;
}
.clearfix li .logo>.logo2{
    height: 30px;
    width: 70px;
    position: absolute;
    transform: translate(-50%,0px);
    left: 50%;
    top: 83px;
    z-index: 12;
}
.clearfix li .text{
    width: 240px;
    height: 80px;
    border: 1px solid #DBDBDB;
    border-top: #F5F5F5 solid 3px;
    background:#fff;
    text-align: center;
    padding-top: 40px;
    line-height: 30px;
}
.clearfix li .text>p>a{
    color: #666;
}
.clearfix li .text>h2>a{
    color: #333;
    font-weight: normal;
    font-size: 18px;
}
.clearfix li .text-footer>a{
    color: #fafafa;
    font-size: 14px;
    background: #333333;
    border-radius: 50px;
    height: 30px;
    width: 100px;
    display: block;
}
/* 推荐商品列表结束 */
/*  推荐商品列表2.0  */
.choice{
    margin-top: 25px;
    min-width: 1200px;
    height: 465px;
}
.choice .headline{
    color: #666666;
    margin: 25px 0 10px 0px;
    padding-left: 10px;
    border-left:4px solid #038FA6;
    background-color: #f5f5f5;
}
.choice span{
    color:#5F9EB1 ;
    font-weight: none;
    font-size: 20px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.first{
    position: relative;
    height: 410px;
    width: 255px;
     float: left;
     margin-right: 5px;
     z-index: 12;
}
.first .text{
   top: 30px;
   left: 30px;
    position: absolute;
    z-index: 3;
}
.first>img{
    float: left;
    position: absolute;
    top: 0px;
    left:0px;
    z-index: 2;
}
.text .no-1{
    font-size: 17px;
    color: #F5F5F5;
    margin-bottom:10px ;
}
.text .no-2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.text .no-2>span{
    color: #FBFC00;
    font-size:22px ;
}
.text .no-2>a{
    display: block;
    width: 60px;
    height: 20px;
    font-weight: normal;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    border-radius: 30px;
    border: #fff 1px solid;
    margin-top: 30px;
    margin-left: 0px;
}
.choice .bol4{
    margin-right: 0;
    height: 410px;
    width: 680px;
    position: relative;
    left: 5px;
    float: left;
}
.choice .bol4 .second{
    float: left;
    width: 340px;
height: 200px;
position: relative;
background: #fff;
margin-bottom: 10px;
}
.choice .bol4 .second .text{
margin-left: 20px;
margin-top: 20px;
position: absolute;
z-index: 3;
}
.text .no-1{
    font-size: 17px;
    color: #F5F5F5;
}
.text .no-2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.text .no-2>span{
    color: #FBFC00;
    font-size:22px ;
}
.second .text .no-2>a{
    display: block;
    width: 60px;
    height: 20px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 20px;
    border-radius: 30px;
    border: #fff 1px solid;
    margin-left:10px ;
}
.third{
    height: 410px;
    width: 255px;
    float: left;
     background: url(../img/coty6.jpg);
     position: relative;
     left: 5px;
     top: 0px;
}
.third .text{
    float: left;
    margin:20px ;
}
.third .text .no-1{
    font-size: 17px;
    color: #F5F5F5;
}
.third .text .no-2{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.third .text .no-2>span{
    color: #FBFC00;
    font-size:22px ;
}
/*  推荐商品列表2.0结束*/
/*  推荐商品列表3.0开始*/
.hot-push .headline{
    color: #666666;
    margin: 25px 0 10px 0px;
    padding-left: 10px;
    border-left:4px solid #E1453F;
    padding-bottom: 4px;
}

.hot-push span{
    color:#E1453F;
    font-weight: normal;
    font-size: 18px;
    font-family:"titfont";
}
.hot-push .tit-right{
    height: 21px;
    width: 70px;
    float: right;
    display: block;
    font-size: 16px;
    background: url(../img/break.jpg) no-repeat 0 0px;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.hot-push .tit-right>a{
     color: #666666;
     padding-left: 22px;
     transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.hot-push .tit-right:hover>a{
    color: #FF6699;
}
.hot-push .tit-right:hover{
    background: url(../img/break2.jpg) no-repeat 0 3px;
}
.hot-push ul li{
    width: 198px;
    height: 284px;
    float: left;
    border: #fafafa solid 1px;
    background: #fff;
}
.hot-push ul li:hover{
    border: red solid 1px;
}
.hot-push ul li .name>a{
    color: #555;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.hot-push ul li:hover .name>a{
color: #FF6699;
}
.hot-push ul li .img{
    display: block;
    width: 193px;
}
.hot-push ul li .name{
    font-size: 12px;
    padding: 6px 18px;
    background: #fff;
}
.hot-push ul li .price .ce2{
    font-size: 18px;
}
.hot-push ul li .price .ce{
    font-size: 14px;
    padding-left: 18px;
}
.hot-push ul li .price {
    font-size: 12px;
    color:#E1453F;
    background: #fff;
}
/*  推荐商品列表3.0结束*/

/* 广告 */
.advert>a{
    display: block;
    height: 100px;
    background: url(../img/advert1.jpg) no-repeat 0 0;
    margin:26px 0;
}
/* 广告结束 */

/*  尾部商品列表*/
.follr{
height: 586px;
margin-bottom: 10px;
}

.follr .headline{
    font-size: 20px;
    color: #666666;
    margin: 25px 0 10px 0px;
    padding-left: 10px;
    padding-bottom: 4px;
    position: relative;
    
}
.follr .headline>span{
    font-weight: 100;
    font-size: 20px;
    margin-left:10px;
    margin-top: 5px;
}
.follr .headline ul li{
    height: 6px;
    line-height: 6px;
  float: left;
  font-size: 12px;
  padding:5px 15px;
  border-left: #919191 1px solid;
 
}
.follr .headline ul li>a{
    color: #818C81;
    font-weight: normal;
     transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.follr .headline ul li:hover>a{
    color: #FF6699;
}
.follr .headline ul li:nth-child(1){
    border-left:none ;
}
.follr .headline ul li:nth-child(7){
    border-left:none ;
}
.follr .headline ul{
     position: absolute;
   right: 0px;
   top: 5px;
   height: 6px;
}
.follr .box .l-ban{
    float: left;
    position: relative;
}
.follr .box .r-list{
    width: 949px;
    height: 541px;
    margin-left: 250px;
    background: #fff;
}
.follr .box .r-list ul li{
    float: left;
    font-size: 12px;
    width: 235px;
    height: 270px;
    border: 1px solid #efefef;
    
}
.follr .box .r-list ul li:hover{
    border: 1px solid rgb(255, 2, 2);
}
.follr .box .r-list ul li .img{
    width: 235px;
    height: 237px;
}
.follr .box .r-list ul li .img img{
    width: 200px;
    height: 200px;
    margin-left:17px ;
    display: block;
}
.follr .box .r-list ul li .name{
    width: 200px;
    height: 34px;
    position: relative;
    top: -30px;
    left: 0px;
    z-index: 7;
}
.follr .box .r-list ul li .name a{
    color: #555;
}
.follr .box .r-list ul li .name:hover a{
    color: #FF6699;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.follr .box .r-list ul li .price{
  position: relative;
  top: -25px;
  left: 20px;
z-index: 8;
font-size: 12px;
color: #E1453F;
}
.price .ce{
    font-size: 14px;
}
.price .ce2{
    font-size: 18px;
}
.top-pic{
    position: relative;
    margin-bottom: 10px;
    z-index: 8;
}
.top-pic p{
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%,-10%);
    z-index: 10;
    font-size: 12px;
    color:#555;
    background: rgba(225, 225, 225, 0.8) ;
    width:240px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    transition-property:color,background;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.top-pic:hover p{
color: #FF6699;
}
/*  尾部商品列表结束*/

/*  尾部商品列表12.0*/
.news{
    height: 299px;
    margin-bottom: 10px;
}
.news>.box>.l-ban>.top-pic>a>p{
    height: 30px;
    width: 245px;
}
.news>.box>.l-ban>.top-pic>img{
display: block;    
}
.news>.list-box{
background: #fff;
}
 .news>.list-box>.hot-list>ul>li{
    height: 25px;
    width: 193px;
    line-height: 25px;
 }
 .news>.list-box>.hot-list>ul>li a{
color: #555;
transition-property:color,background;
transition-duration:0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
 }
 .news>.list-box>.hot-list>ul>li a:hover{
    color: #FF6699;
 }
 .news>.list-box>.hot-list{
    font-size: 12px;
    width:214px ;
    height:263px ;
    float: left;
    border-right: #efefef dashed 1px;
    background: #fff;
}
.news>.list-box>.hot-list>p{
    height: 25px;
    line-height: 25px;
    margin-left: 10px;
    color: #666;
    margin-top: 10px;
}
.news>.list-box>.pic-list>p{
    color: #666;
    font-size: 12px;
}
.news>.list-box>.pic-list{
width: 366px;
height: 253px;
padding: 5px 10px ;
float: left;
background: #fff;
}
.news .list-box .pic-list ul{
    font-size: 12px;
    display: block;
    float: left;
}
.news .list-box .pic-list ul li{
    display: list-item;
    height: 226px;
    width: 178px;
    color: #666;
    font-size: 12px;
    float: left;
    margin-left: 5px;
}
.news .list-box .pic-list ul li .img{
    display: block;
    width: 178px;
    height: 142px;
}
.news .list-box .pic-list ul li .t a{
    font-size: 12px;
    color: #555;
    font-weight: bold;
}
.news .list-box .pic-list ul li .b{
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
}
.unslider{
    float: left;
    display: block;
    width: 353px;
    height: 263px;
    position: relative;
}
.unslider .rig-list ul li a p{
    position: absolute;
    bottom: 0px;
    width: 354px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
}
.unslider .rig-list ul li a{
    color: #fff;
    transition-property:color,background;
transition-duration:0.3s;
transition-timing-function: ease-in-out;
transition-delay: 0s;

}
.unslider .rig-list ul li a:hover{
    color: #FF6699;
}
.unslider .rig-list span{
    position: absolute;
    line-height: 62px;
    text-align: center;
     width: 28px;
    height: 62px;
    background:rgba(0, 0, 0, 0.3);
   
    font-size: 20px;
}
.unslider .rig-list>a{
     color: #fff;
}
.unslider .rig-list .r{
    right: 0px;
    top: 90px;
}
.unslider .rig-list .l{
    left: 0px;
    top: 90px;
}
/*  尾部商品列表结束12.0*/
/* 广告 */
/* 广告 */
.advert2>a{
    display: block;
    background: url(../img/advert26.jpg) no-repeat 0 0;
    margin:26px 0;
height: 100px;
}
/* 广告结束 */
/* 最后的产品列表 */
.h-enough{
    height: 1070px;
}
.h-enough .tit{
    font-size: 20px;
    text-align: center;
    margin-left: 5px;
    margin-bottom: 10px;
    height: 36px;
    color: #666;
    background: url(../img/line.png) no-repeat 0px 16px;
}
.h-enough .tit span{
    font-size: 12px;
    font-weight: normal;
    display: block;
    height: 18px;
}
.h-enough ul li{
float: left;
height: 316px;
width: 232px;
margin: 10px 10px 0 0;
background: #fff;
}
.h-enough ul li .img{
    height: 232px;
    width: 232px;  
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.h-enough ul li .img img{
    width: 200px;
    height: 200px;
    margin: auto;
}
.h-enough ul li p a{
    font-size: 12px;
    color: #7f7f7f;
    transition-property:color;
    transition-duration:0.3s;
    transition-timing-function: ease-in-out;
    transition-delay: 0s;
}
.h-enough ul li p:hover a{
text-decoration: underline;
color: #FF6699;
}
.h-enough ul li p{
    width: 212px;
    height: 36px;
    margin: 8px 10px 0 10px;
}

.h-enough ul li .price{
    position: relative;
    top: 5px;
    left: 0px;
  z-index: 8;
  font-size: 12px;
  color: #E1453F;
  }
  .price .ce{
      font-size: 14px;
  }
  .price .ce2{
      font-size: 18px;
  }
/* 最后的产品列表结束 */

/* 导航列表 */

/* 导航列表结束 */
